{extend name="base" /}
{block name="css"}
<link rel="stylesheet" href="__ADMIN__/css/skins/skin-blue.min.css"type="text/css"/>
<link rel="stylesheet" href="__ADMIN__/css/index.css" type="text/css"/>
{/block}
{block name="js"}
<script src="__ADMIN__/js/index.js"></script>
{/block}
{block name="main"}
<style>body,.wrapper{overflow:hidden;}</style>
<div class="wrapper">
  <header class="main-header">
    <a href="#" class="logo">
      <span class="logo-mini">商淘</span>
      <span class="logo-lg">商淘软件</span>
    </a>
    <nav class="navbar navbar-static-top">
      <div class="navbar-custom-menu" style='float:left'>
        <ul class='nav navbar-nav'>
          <li><a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
          <span class="sr-only">Toggle navigation</span>
        </a></li>
          {volist name='$sysMenus' id='top'}
          <li><a href='#' class='top-menu' dataid='{$top['menuId']}'><i class="fa fa-{$top['menuIcon']}"></i><span>{$top['menuName']}</span></a></li>
          {/volist}
        </ul>
      </div>
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li id='toMall'><a target='_blank' href='{:Url("home/index/index")}'><i class='fa fa-television'></i></a></li>
          <li id='toSelft'><a target='_blank' href='{:Url('admin/shops/inself')}'><i class='fa fa-podcast'></i></a></li>
          <li id='toTechSupp'><a target='_blank' href='http://www.wstmart.net'><i class='fa fa-handshake-o'></i></a></li>
          <li id='toClearCache'><a class='j-clear-cache' href='#'><i class='fa fa-spinner'></i></a></li>
          <li id='toLogout'><a class='j-logout' href='#' title='退出系统'><i class='fa fa-power-off'></i></a></li>
        </ul>
      </div>
    </nav>
  </header>
  <aside class="main-sidebar">
    <section class="sidebar">
      <div class="user-panel">
        <div class="pull-left image">
          <img src="__RESOURCE_PATH__/{$Think.session.WST_STAFF.staffPhoto}" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>{$Think.session.WST_STAFF.loginName}</p>
          <p>{$Think.session.WST_STAFF.roleName}</p>
        </div>
        <div class='pull-left button'>
           <a href='javascript:void(0);' class='j-edit-pass edit-pass'><i class='fa fa-key'></i><span>修改密码</span></a>
           <a href='javascript:void(0);' class='j-logout logout'><i class='fa fa-power-off'></i><span>退出系统</span></a>
        </div>
      </div>
      
      <ul class="sidebar-menu" data-widget="tree">
        {volist name="sysMenus" key='key0' id='left0'}
        {if !empty($left0['child'])}
        {volist name="left0['child']" id='left1'}
        <li class="treeview j-menulevel0 j-sysmenu{$left0['menuId']}" {if $key0>1}style='display:none'{/if}">
          <a href="#">
            <i class="fa fa-{$left1['menuIcon']?$left1['menuIcon']:'eercast'}"></i> <span>{$left1['menuName']}</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          {if !empty($left1['child'])}
          <ul class="treeview-menu">
            {volist name="left1['child']" id='left2'}
            <li><a class='menuItem' href="{:Url($left2['privilegeUrl'])}" dataid='{$left2['menuId']}'><i class="fa fa-{$left2['menuIcon']?$left2['menuIcon']:'circle-o'}"></i>{$left2['menuName']}{if !empty($left2['child'])}<i class="fa fa-angle-left pull-right"></i>{/if}</a>
              {if !empty($left2['child'])}
              <ul class="treeview-menu">
                {volist name="left2['child']" id='left3'}
                <li>
                  <a class="menuItem" href="{$left3['privilegeUrl']}" dataid='{$left2['menuId']}'><i class="fa fa-{$left3['menuIcon']?$left3['menuIcon']:'circle-o'}"></i>{$left3['menuName']}
                  </a>
                </li>
                {/volist}
              </ul>
             {/if}
            </li>
            {/volist}
          </ul>
          {/if}
        </li>
        {/volist}
        {/if}
        {/volist}
      </ul>
    </section>
  </aside>
  <div class="content-wrapper">
    <section class="content-header">
      <ol class="breadcrumb">
        <li><a href='{$Request.root}' target='_blank'><i class='fa fa-map-marker'></i>首页</a></li>
      </ol>
      <button id='toFullSreen' class="fullscreen"><i class="fa fa-arrows-alt"></i></button>
    </section>
    <section class="content-iframe" style="margin:0px;padding:0;height:100%">
      <iframe id='iframe' class="iframe" width="100%" height="100%" src="{:Url('admin/index/main')}" frameborder="0"></iframe>
    </section>
  </div>
</div>
<div id='editPassBox' style='display:none;padding-top:5px;'>
  <form id='editPassFrom' autocomplete="off">
   <table class='wst-form'>
      <tr>
         <th style='width:100px'>原密码：</th>
         <td><input type='password' id='srcPass' name='srcPass' class='ipt' data-rule="原密码: required;" maxLength='16'/></td>
      </tr>
      <tr>
         <th>新密码：</th>
         <td><input type='password' id='newPass' name='newPass' class='ipt' data-rule="新密码: required;length[6~]" maxLength='16'/></td>
      </tr>
      <tr>
         <th>确认密码：</th>
         <td><input type='password' id='newPass2' name='newPass2' class='ipt' data-rule="确认密码: required;match(newPass);" maxLength='16'/></td>
      </tr>
   </table>
  </form>
</div>

<script>
var menus = {:json_encode($sysMenus)};
function showImg(opt){
  layer.photos(opt);
}
function showBox(opts){
  return WST.open(opts);
}
$(function(){
   $('#toMall').poshytip({content:'点击打开商城首页',showTimeout:0,hideTimeout:1,
              offsetY: 25,allowTipHover: false,timeOnScreen:1000});
   $('#toSelft').poshytip({content:'点击打开自营店铺',showTimeout:0,hideTimeout:1,
              offsetY: 25,timeOnScreen:1000,allowTipHover: false});
   $('#toTechSupp').poshytip({content:'点击打开技术支持页面',showTimeout:0,hideTimeout:1,
              offsetY: 25,allowTipHover: false,timeOnScreen:1000});
   $('#toClearCache').poshytip({content:'点击清除服务器缓存',showTimeout:0,hideTimeout:1,
              offsetY: 25,allowTipHover: false,timeOnScreen:1000});
   $('#toLogout').poshytip({content:'点击退出系统',showTimeout:0,hideTimeout:1,
              offsetY: 25,allowTipHover: false,timeOnScreen:1000});
   $('#toFullSreen').poshytip({content:'点击全屏展示',showTimeout:0,hideTimeout:1,
              offsetY: 25,allowTipHover: false,timeOnScreen:1000});
})
</script>
{/block}